<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<!-- SITE TITLE -->
	<title>Resume | 薛晓飞</title>

	<!-- STYLESHEETS -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/templatemo-style.css">
	<link href='http://fonts.useso.com/css?family=Raleway:400,300,600,700' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-target="#rock-navigation">
	<!-- START NAVIGATION -->
	<div class="navbar navbar-default bs-dos-nav navbar-fixed-top sticky-navigation" role="navigation">
		<div class="container">

			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target="#rock-navigation">
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
					<span class="icon icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">Resume</a>
			</div>
			<nav class="collapse navbar-collapse" id="rock-navigation">
				<ul class="nav navbar-nav navbar-right main-navigation text-uppercase">
					<li><a href="#home" class="smoothScroll">首页</a></li>
					<li><a href="#portfolio" class="smoothScroll">项目</a></li>
					<li><a href="#resume" class="smoothScroll">个人介绍</a></li>
					<li><a href="#thanks" class="smoothScroll">THANKS</a></li>
				</ul>
			</nav>

		</div>
	</div>
	<!-- END NAVIGATION -->

	<!-- START HOME -->
	<section id="home" class="templatemo-home">
		<div class="container">
			<div class="row">
				<div class="col-md-2 col-sm-1"></div>
				<div class="col-md-8 col-sm-10">
					<h1 class="tm-home-title"><strong>薛晓飞</strong></h1>
					<h2 class="tm-home-subtitle">欢迎浏览我的项目展示页面</h2>
					<p>我是一名<strong>PHP/前端</strong><strong>工程师</strong> <br>现居住于北京<br>	 希望我能加入你们的团队<br>谢谢</p>
					<a href="#work" class="btn btn-default smoothScroll tm-view-more-btn">Let's Begin</a>
				</div>
				<div class="col-md-2 col-sm-1"></div>
			</div>
		</div>
	</section>
	<!-- END HOME -->

	<!-- START work -->
	<section id="work" class="tm-padding-top-bottom-100" style="padding-top:0px;padding-bottom:0px;"></section>
	<!-- END work -->
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">手机网站模板</a></div>
	<!-- START PORTFOLIO -->
	<section id="portfolio" class="tm-portfolio">
		<div class="container">
			<div class="row">
				<div class="col-md-12 wow bounce">
					<div class="title">
						<h2 class="tm-portfolio-title">我的项目</h2>
					</div>
					<!-- START ISO SECTION -->
					<div class="iso-section">
						<ul class="filter-wrapper clearfix">
							<li><a href="#" class="opc-main-bg selected" data-filter="*">ALL</a></li>
							<li><a href="#" class="opc-main-bg" data-filter=".php">PHP</a></li>
							<li><a href="#" class="opc-main-bg" data-filter=".html">HTML</a></li>
							<li><a href="#" class="opc-main-bg" data-filter=".mobile">Mobile</a></li>
							<li><a href="#" class="opc-main-bg" data-filter=".xys">响应式</a></li>
						</ul>
						<div class="iso-box-section">
							<div class="iso-box-wrapper col4-iso-box">
								<a href="./portfolio/360shop/" target="_blank"><div class="iso-box php col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img8.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">前沿科技商城</h3><hr>
											<p>前台用时1周，后台用时3周完成</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/blog/" target="_blank"><div class="iso-box php col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img3.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">个人博客</h3><hr>
											<p>用时一周完成</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/coolpadshop/" target="_blank"><div class="iso-box html col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img1.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">仿酷派商城首页</h3><hr>
											<p>初学前端的时候完成的，应用DIV+CSS布局，用时一周</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/moonbasa/" target="_blank"><div class="iso-box html col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img2.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">仿梦芭莎商城首页</h3><hr>
											<p>学习了一段时间前端之后完成的，同样应用DIV+CSS布局，用时5天</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/phonetwo/" target="_blank"><div class="iso-box html xys  col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img4.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">响应式页面首页</h3><hr>
											<p>用时2天完成</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/phoneone/" target="_blank"><div class="iso-box html xys  col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img5.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">响应式页面首页</h3><hr>
											<p>用时1天完成</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/phone/" target="_blank"><div class="iso-box html mobile col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img6.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">仿移动端网易新闻首页</h3><hr>
											<p>用时1天完成</p>
										</div>
									</div>
								</div></a>
								<a href="./portfolio/weiphone/" target="_blank"><div class="iso-box html mobile col-md-3 col-sm-3 col-xs-12">
									<div class="portfolio-thumb">
										<img src="images/portfolio-img7.jpg" class="fluid-img" alt="portfolio img">
										<div class="portfolio-overlay">
											<h3 class="portfolio-item-title">微场景</h3><hr>
											<p>应用swiper，用时1天完成</p>
										</div>
									</div>
								</div></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- END PORTFOLIO -->

	<!-- START RESUME -->
	<section id="resume" class="tm-padding-top-bottom-100">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-6">					
					<h2 class="title">我的资料</h2>
					<p><span class="tm-info-label">姓名</span>薛晓飞</p>
					<p><span class="tm-info-label">生日</span>1993-02</p>
					<p><span class="tm-info-label">学历</span>统招 本科</p>
					<p><span class="tm-info-label">住址</span>北京 朝阳区</p>
					<p><span class="tm-info-label">电话</span>+186 183 0301 4071</p>
					<p><span class="tm-info-label">邮箱</span>490488546@qq.com</p>
					<p><span class="tm-info-label">git地址</span> <a class="tm-red-text">https://git.oschina.net/1CHR/show.git</a></p>
				</div>
				<div class="col-md-6 col-sm-6">
					<h2 class="title">我的技能</h2>
					
					<h4 class="tm-progress-label">HTML5/4<small class="progress-percent-small"></small></h4>
					<div class="progress tm-progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
					</div>
					<h4 class="tm-progress-label">Javascript/jquery<small class="progress-percent-small"></small></h4>
					<div class="progress tm-progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
					</div>
					<h4 class="tm-progress-label">php<small class="progress-percent-small"></small></h4>
					<div class="progress tm-progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
					</div>
					<h4 class="tm-progress-label">Mysql<small class="progress-percent-small"></small></h4>
					<div class="progress tm-progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
					</div>
					<h4 class="tm-progress-label">linux<small class="progress-percent-small"></small></h4>
					<div class="progress tm-progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- END RESUME -->

	<!-- START CONTACT -->
	<section id="thanks" class="tm-contact" style="background:#f8f8f8;">
		<div class="container">
			<div class="row">
				<div class="col-md-12" style="padding-bottom:60px;">					
					<h2 class="title">Thanks!</h2>
					<hr>
					<h3 class="tm-portfolio-title">请联系我吧!</h3>		
					<br>			
					<h4 class="tm-portfolio-title">电话: +186 183 0301 4071</h4>					
					<h4 class="tm-portfolio-title">邮箱: 490488546@qq.com</h4>					
				</div>
				<div class="col-md-1 col-sm-1"></div>
				<div class="col-md-12 col-sm-12">
					<p>Copyright &copy; 薛晓飞</p>
				</div>
			</div>
		</div>
	</section>
	<!-- END CONTACT -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/smoothscroll.js"></script>
	<script src="js/jquery.nav.js"></script>
	<script src="js/isotope.js"></script>
	<script src="js/imagesloaded.min.js"></script>
	<script src="js/custom.js"></script>
</body>
</html>